.dt-info {
  padding: 1rem .6rem .4rem .6rem;
  background: #fff;
}

.dti-user {
  display: flex;
  align-items: center;
  height: 2.2rem;
  margin-bottom: .8rem;
}

.dti-user .l {
  flex: 1;
  height: 2.2rem;
  display: flex;
  align-items: center;
}

.dti-user .l img {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  overflow: hidden;
}

.dti-user .i {
  flex: 1;
  margin: 0 .4rem;
}

.dti-user .i p {
  font-size: .7rem;
  color: #434343;
  font-weight: bold;
  line-height: 1rem;
}

.dti-user .i span {
  font-size: .6rem;
  color: #aaa;
}

.dti-user .r {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.4rem;
  padding: 0 .5rem;
  border-radius: .7rem;
  color: #fff;
  font-size: .6rem;
  background: #2489ED;
}

.dti-user .r.disable {
  color: #434343;
  background: #f8f8f8;
}

.dti-name {
  color: #434343;
  font-size: .8rem;
  font-weight: bold;
  line-height: 1.1rem;
  margin-bottom: .2rem;
}

.dti-time {
  font-size: .6rem;
  color: #aaa;
  line-height: .7rem;
  margin-bottom: .4rem;
}

.dti-lable {
  display: flex;
  flex-wrap: wrap;
}

.dti-lable em {
  line-height: .9rem;
  padding: 0 .3rem;
  border-radius: .45rem;
  background: #f8f8f8;
  font-size: .6rem;
  color: #434343;
  margin-right: .3rem;
  margin-bottom: .4rem;
}

.dti-info {
  font-size: .7rem;
  color: #555;
  line-height: .9rem;
  text-indent: 1.4rem;
  margin: .2rem 0 .8rem 0;
}

.dti-num {
  display: flex;
  align-items: center;
  height: 1.2rem;
}

.dti-num div {
  display: flex;
  align-items: center;
  height: 1.2rem;
  margin-right: .8rem;
}

.dti-num div span {
  font-size: 1rem;
  color: #aaa;
  margin-right: .15rem;
}

.dti-num div em {
  font-size: .7rem;
  color: #aaa;
  margin-top: .15rem;
}

.dti-num div.active span,
.dti-num div.active em {
  color: #2489ED;
}